body{ padding-bottom: 45px }
section{ padding: 2px 0 }
 
 .position-tit {background:#fff url('../images/position.png') no-repeat 10px center ;background-size: 36px; padding: 5px 10px 5px 50px; line-height:35px; border:1px solid #f1f1f1;border-bottom:2px solid #f00; color:#333; font-size:14px;}
 .position-tit em{  color:#0766ac;;}
  .position-tit a {color:#333;} 


#fixed-nav{ position: fixed;left: 0;bottom: 0;width: 100%;     z-index: 999;}
#fixed-nav ul{  max-width: 640px;margin: 0 auto;background-color: #0766ac }
#fixed-nav ul li{ line-height: 45px; flex: 1;text-align: center;height: 45px;overflow: hidden;border-left: 1px solid #2588ce }
#fixed-nav ul li:first-child{ border-left: 1px solid transparent }
#fixed-nav ul li a{ color: #fff }
/* =========================================================== header =========================================================== */
 
.p-head .top{ font-size: 16px; } 

.p-head .center{ background-color: #fff; font-size: 16px;border-bottom: 1px solid #f6f6f6;  } 
.p-head .center p{  	line-height: 45px;  	color: #333; }
.p-head .center p span{     	color: #f00; }
.p-head .center .tel{  color: #f00; background: url('../images/tel.png') no-repeat left center;background-size:.32rem ;padding-left: .4rem  }


/* search */

 .p-head .center form input[type='text'] {width: 190px;float: left;	height: 30px; line-height: 30px; 	border: solid 1px #85c226; padding-left: 10px;; }
 .p-head .center form input[type='submit'] { width: 40px; float: right; height: 30px;background: #0766ac url('../images/head-search.png') center no-repeat ;  }

/* search */




 nav{ background-color: #0766ac } 
 nav ul{ line-height: 40px;; } 
 nav ul li{ float: left;  width: calc( 100% / 3 ) ;	  text-align: center ;border: 1px solid #fff } 
 nav ul li a{  color: #fff!important;display: block;font-size: 16px; } 
 nav ul li.on a, .p-head nav ul li:hover a{   color: #333333; background-color: #fc0 } 

/* =========================================================== header =========================================================== */

/* =========================================================== Banner =========================================================== */

#swiperBanner{ overflow: hidden;width: 100%; }
#swiperBanner .swiper-slide{ display: block ; min-height: 150px;  }

/* #swiperBanner .swiper-pagination{ bottom: 142px;; } */
#swiperBanner .swiper-pagination-bullet{  width: 10px;;height:10px;background-color: transparent; opacity: 1; border: 1px solid #fff }
#swiperBanner .swiper-pagination-bullet-active{  background-color:#ffcc00;border-color: #ffcc00 }
/* #swiperBanner .swiper-button-prev,#swiperBanner .swiper-button-next{ width: 56px;height: 56px; opacity: .6;margin-top: -28px;} */
/* #swiperBanner .swiper-button-prev:hover,#swiperBanner .swiper-button-next:hover{  opacity: 1;} */
/* #swiperBanner .swiper-button-prev{background: url('../images/banner_prev.png') ;left: 148px; } */
/* #swiperBanner .swiper-button-next{background: url('../images/banner_next.png') ;right: 148px; } */ 
/* =========================================================== Banner =========================================================== */


/* =========================================================== Footer =========================================================== */
 .p-foot{background-color: #fff ; font-size: 16px;    padding: 5px 0 10px; }
 .p-foot .main>div{ padding: 10px 15px  }
 .p-foot a{color: #666  }
 
  /* =========================================================== Footer =========================================================== */  

 
  
  /* =========================================================== product =========================================================== */  
  .pro {  background-color: #2588ce;text-align: center } 

.pro-list{}
.pro-list .item{ width: 100%;background-color: #fff;margin-bottom: 15px }
.pro-list .item .pic{ width:2.84rem ;height: 2.14rem;  } 
.pro-list .item .tit{ background-color: #dddddd;color: #333;font-size: 16px;line-height: 40px;text-align: center; width:2.84rem ;}
.pro-list .item .fr{ width: calc( 100% - 2.84rem );padding: .05rem .1rem 0;text-align: center }
.pro-list .item .fr p { font-size: 12px; text-align: left}
.pro-list .item .fr p span{ color: #333;font-size: 16px;; }
.pro-list .item .fr p:last-child {font-size: 0; border: 1px solid #0766ac;border-radius: 4px; display: inline-block;margin-top: .09rem }
.pro-list .item .fr p:last-child a{   font-size: 14px;background-color: #fff;    padding: 0 .1rem;display: inline-block ;line-height: 28px; }
.pro-list .item .fr p:last-child a+a{ background-color: #0766ac; color: #fff }
.data-more{ border: 1px dashed #f00;padding: 4px;border-radius: 4px;display: inline-block;margin: 10px auto 20px }
.data-more a{display: block; background-color: #f00 ;border-radius: 4px; padding: 0 20px;color: #fff;line-height: 32px; }


.pro-fr-tit{ border-bottom: 1px solid #85c226;align-items: flex-end }
.pro-fr-tit a{ text-align: center;display: inline-block;color: #fff }
.pro-fr-tit>a{ background-color: #0766ac;width: 120px; height: 40px; line-height: 40px;font-size: 14px; }
.pro-fr-tit div{font-size: 0px;position: relative;}
.pro-fr-tit div a{ height: 40px;width: 120px;background-color: #85c226; line-height: 40px;font-size: 16px; position: relative; }
.pro-fr-tit div a.on{  background-color:#0766ac; }
.pro-fr-tit div a.on::before{  content: ''; position: absolute; left: 50%;bottom: -20px;border-width: 10px;border-style: solid;border-color: #0766ac transparent transparent transparent; margin-left: -7px }

.pro-fr-tit div a.on.t-o{  width: initial;padding: 0 20px;overflow: initial;  }
.pro-fr-tit div a.on.t-o::before{ left:20px; }
.pro-fr-tit div a.on.t-o::after{ content: ''; position: absolute;right: -80px;top: 0;border-width: 20px 40px;border-style: solid;border-color:  transparent transparent #0766ac #0766ac ; }

.pro--hot-list{ width: 100%;padding: 17px 20px 22px;  transition: all .3s }

.pro--hot-list.on{  display: block; opacity: 1; }
 
 

/* ================== page-pro ================== */ 
.page-pro{ }
.page-pro  .pro-list{    padding-top: 10px; }
.page-pro  .pro-list .item{ box-shadow: 0px 0px  10px rgba(0, 0, 0, .3);margin-bottom: 25px;border-radius: 6px; }
.page-pro  .pro-list .item .tit{  border-bottom-left-radius: 6px }
.page-pro  .pro-list .item .pic img{border-top-left-radius: 6px; }
/* ================== page-pro ================== */ 

  /* =========================================================== product =========================================================== */  
  /* =========================================================== report start =========================================================== */  
  
  .report .main{ text-align: center } 
  .report .tit{ font-size: 18px;color: #fff ;  background-color: #0766ac; font-weight: bold; letter-spacing: 2px;line-height: 40px;text-align: center }
  .report .tit span{ color: #f00  } 
  .report-list{ margin: 15px 0 } 
  .report-list li{ width: 31%; } 
  .report-list li img{ width: 100%;  } 
  /* =========================================================== report end =========================================================== */  
  /* =========================================================== contrast  =========================================================== */  

  .contrast{ background-color: #fff }
  .contrast-tit{  }
  .contrast-tit span{ font-size: 18px; background: #0766ac;color: #fff;width: 50%;text-align: center;line-height: 40px; }
  .contrast-tit span+span{ background: #f00;  }


  .contrast-list{ }
  .contrast-list .item{ width: 100%; position: relative; margin-top: 15px }
  .contrast-list .item .absoluteImg{ position: absolute; width: 0.82rem;height: 1.08rem;display: block; left: 50%;top: 50%;transform: translate3d(-50%,-50%,0); }
  .contrast-list .item .pic{ width:2.95rem ; height: 1.95rem;  }
  .contrast-list .item p{ width:2.95rem ; line-height: 30px;text-align: center ;background: #7d7d7d;color: #fff;font-size: 16px; }

  
  /* =========================================================== contrast end =========================================================== */


  /* =========================================================== 优势  =========================================================== */  
 .youshi{ background-color: #fff }
 .youshi-list{ padding: 10px 10px 20px }
 .youshi-list .item{ background-color: #fff;padding:  10px;border-left: 1px solid #f00; }
 .youshi-list .item:nth-child(2n){ background-color: #f3f3f3;  }
 .youshi-list .item div{ padding-left: 55px;background: url('../images/youshi01.png') no-repeat left center;background-size: contain }
 .youshi-list .item:nth-child(2) div{ background: url('../images/youshi02.png') no-repeat left center;background-size: contain  }
 .youshi-list .item:nth-child(3) div{ background: url('../images/youshi03.png') no-repeat left center;background-size: contain  }
 .youshi-list .item:nth-child(4) div{ background: url('../images/youshi04.png') no-repeat left center;background-size: contain  }
 .youshi-list .item div h2{color: #0766ac;font-size: 18px;font-weight: bold;  }
 .youshi-list .item div h2 small{ color: #333;text-transform: uppercase;font-size: 14px;font-weight: normal; }
 .youshi-list .item div h6{  color: #333; }
 .youshi-list .item  p{margin:5px 0;color: #333;  }
  /* =========================================================== 优势 end =========================================================== */  

  /* =========================================================== 适用领域 field start =========================================================== */  
 .field{ background-color: #f3f3f3 }
 .field-con{ padding: 10px 0 0px; }
 .field-con .swiper-pagination{position: static;  width: 100%; }
 .field-con .swiper-pagination span{ width: 25%;display: block;float: left;line-height: 36px; height: 36px;opacity: 1;background-color: #fff; color: #333;margin: 0!important; border: 1px solid #f00; border-radius: 0; } 
 .field-con .swiper-pagination  .swiper-pagination-bullet-active{ background-color: #f00;color: #fff }
 .field-con .swiper-slide{ padding: 20px 10px 0 }
 .field-con .item{ width: 2.84rem; float: left;margin-bottom: 20px }
 .field-con .item:nth-child(2n){  float: right; }
 .field-con .item .pic{  height: 2.14rem; }
 .field-con .item .tit{background-color: #fff; line-height: 40px;text-align: center;color: #333}
  /* =========================================================== 适用领域 field end =========================================================== */  
  
  /* =========================================================== 施工现场 =========================================================== */  
 .case{ text-align: center;background-color: #fff } 
 .case-list .item{ float: left;width: 2.84rem;background-color: #f3f3f3;padding-bottom: 10px;margin-right: .35rem ;margin-bottom: .35rem    }
 .case-list .item:nth-child(2n){ margin-right: 0   }
 .case-list .item .pic{  width: 2.84rem;height: 2.14rem; }
 .case-list .item .tit{ width: 100%;  font-size: 16px;color: #333;line-height: 40px; }
 .case-list .item p{     font-size: 0;  border: 1px solid #0766ac; border-radius: 2px;  display: inline-block;  }
 .case-list .item p a{  font-size: 14px;background-color: #fff;     padding: 0 .1rem;display: inline-block ;line-height: 28px;  }
 .case-list .item p a+a{ background-color: #0766ac;color: #fff  }
  /* =========================================================== 施工现场 end =========================================================== */  

   

  
  /* =========================================================== 联系 留言   =========================================================== */
   
.msg{ background-color: #fff }
  .form-panel{ padding: 0 10px 20px;background-color: #f3f3f3  } 
  .form-panel>p{ padding-bottom:10px  } 
  .form-panel dl  {border: 1px solid #f00; padding: 15px 20px ;background-color: #fff  } 
  .form-panel dl dt { }  
  .form-panel dl dt h5{color: #333 }  
  .form-panel dl dt small{font-size: 12px; }  

  .form-panel dl dd{ margin-bottom: 15px; height: 40px;line-height: 40px;clear: both; }  
  .form-panel dl dd input,.form-panel dl dd  textarea{border: 1px solid #dedede ; width: 100%;padding-left: 10px; font-size: 16px; } 
  .form-panel dl dd input { height: 40px;  }  
  .form-panel dl dd input:focus,.form-panel dl dd  textarea:focus { border-color: #0766ac }   
  .form-panel dl .textarea{  height: 80px;}  
  .form-panel dl .textarea textarea{  height: 100%;line-height: 40px;resize: none ;}  
  .form-panel dl dt:last-child input{ display: block; width: 100px; height: 35px;line-height: 35px;color: #fff ;background-color: #f00; border-radius: 2px; letter-spacing: 2px;margin: 0 auto }  

  .checkbox-group{ padding: 10px 0 }
  .checkbox-group label{ line-height:30px;color: #333; padding: 5px 0;display: inline-block;width: 24%;  }
  .checkbox-group label input{ width: 30px;border:1px solid #ccc; height: 30px;vertical-align: middle;margin: 0 }
  .checkbox-group label input:checked{ border-color: #f00;background-color: #f00 }
  /* =========================================================== 联系 留言 end =========================================================== */

  
  
  /* =========================================================== show end =========================================================== */

.show-tit{  }
.show-tit h2{ font-size: 24px; overflow: hidden;  text-overflow: ellipsis;white-space: nowrap; border-bottom: 1px solid #aaa  }
.show-con{ text-align: justify;padding: 20px 0 20px }



  /* =========================================================== show end =========================================================== */
  .field-category{ flex-wrap: wrap;justify-content: space-around;padding: 5px 0 }
  .field-category li{ width: 24%;background-color: #0766ac ;text-align: center;margin: 5px 0;line-height: 2;border-radius: 4px }
  .field-category li a{ color: #fff ;}


